// 自己定义的极限字体大小值
const MAX_FONT_SIZE = 42

// 通过事件监听去动态设置html的字体大小
document.addEventListener('DOMContentLoaded', () => {

  const html = document.querySelector('html')
  // 这里除以10是为了得出一个字体值，所以需要设置一个不是很大的值，所以除以10
  let fontSize = window.innerWidth / 10
  // 极限判断不超过我们设置的最大字体
  fontSize = fontSize > MAX_FONT_SIZE ? MAX_FONT_SIZE : fontSize
  // 设置字体大小
  html.style.fontSize = fontSize + 'px'

  // 以上设置了一个极限的字体大小，常见的网站比如苏宁易购使用了无限制的字体大小设置。确点是在大
  // 屏幕上会把页面拉的很大，显示不美观。本事这种rem只是为了设置手机端或者平板。没必要进行无限制拉升。
})
